﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>详细页</title>
<link rel="stylesheet" type="text/css" href="images/public.css"/>
<link rel="stylesheet" type="text/css" href="images/details.css">
</head>
<body>
<div id="top" class="auto">
    <div class="nav">
	    <div class="left same"><img src="images/mainnav_l.gif" /></div>
		<div class="mainNav">
		    <img class="logo" src="images/logo(1).gif" />
			<ul>
			    <li><a href="demo.html">首页</a></li>
				<li><a href="list.html">手机</a></li>
				<li><a href="list.html">手机</a></li>
				<li><a href="list.html">手机</a></li>
				<li><a href="list.html">手机</a></li>
			</ul>
		</div>
	    <div class="right same"><img src="images/mainnav_r.gif" /></div>
	</div>
	<div class="nav1">
			<form class="search" action="#">
		     <input class="keywords" type="text" name="keywords" />
			 <input class="btn" type="submit" value="" />
		</form>
	    <div class="enter">
		    <a href="#">登录</a> |
	    	<a href="#">注册</a>  
	    	<img src="images/shoppingcart_sicon.png" />
		    <a href="cart" href="#">购物车0件</a>
		</div>
	</div>
</div>
<div id="position" class="auto">
    当前位置：<a href="#">首页</a>  &gt; <a href="#">小米手机</a>
</div>
<div id="details" class="auto">
    <div class="shopImg">
	    <img width="350" src="images/88_P_1363925352793.jpg" />
	</div>
	<div class="shopDetails">
	     <dl>
		    <dt>R811</dt>
			<dd>商品货号：ECS000088</dd>
			<dd>商品库存：1</dd>
			<dd>商品点击数：477</dd>
			<dd>用户评价：<img src="images/stars5.gif"></dd>
			<dd>商品价格：￥120</dd>
			<dd>购买数量: <input size="3" value="1" class="count" type="text" /></dd>
			<dd>购买此商品可使用：100积分</dd>
			<dd>
			    <a href="#"><img src="images/goumai2.gif"></a>
				<a href="#"><img src="images/shoucang2.gif"></a>
			</dd>
		 </dl>
	</div>
	<div style="clear:both;"></div>
	<div class="content">
	    <p>详细内容.....</p>
		<p>详细内容.....</p>
		<p>详细内容.....</p>
		<p>详细内容.....</p>
	</div>
</div>

<div id="bottom">
<p>联系QQ：809752620</p>
<p>Powered by <a href="http:www.sifangku.com">sifangku.com</a></p>
</div>
</body>
</html>